/* 
	Index of this CSS file
	
	(01) Heading, Preserve Text and Divider line
	(02) Columns (Grid System)
	(03) Default & Custom List Styles
	(04) Info Boxes
	(05) Services Icons List
	(06) Dropcaps
	(07) Text Highlighting
	(08) Pull Quotes
	(09) Block Quotes
	(10) Image Left & Right Frames
	(11) Image Hover Zoom, Play, Doc & Flash Icons	
	(12) Image Tooltip
	(13) Go Top Link
	(14) Testimonials
	(15) Table	
	(16) Tab Styles
	(17) Toggle Content
	(18) Buttons 
		(a) Button Size-1 to Size-6
		(b) Black Buttons
		(c) Grey Button
		(d) Footer Button
	
	(19) Popup Login
*/

/* ========================================================== 
	(01) Heading, Preserve Text and Divider line
============================================================ */

h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#363636; margin:20px 0 10px 0;}
h1 {font-size:27px;}
h2 {font-size:24px;}
h3 {font-size:22px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
p { margin:0 0 5px 0; line-height:22px; }

pre {
	font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Arial, sans-serif; 
	font-size:12px; 
	color:#3f3f3f; 
	padding-left:5px; 
	background:url(../images/backgrounds/pre.jpg); 
	white-space:pre; 
	overflow:auto; 
	border-width:0 1px 1px 1px; 
	border-style:solid; 
	border-color:#dddddd; 
	line-height:22px; 
	letter-spacing:.1px; 
	word-spacing:1px; 
	margin:15px 0 15px 0;}

hr, .large-footer hr { 	
	border: none 0; 	
	height: 1px; 
	clear:both;}
	
hr {border-top: 1px dotted #b9b9b9; }	
.large-footer hr { border-top: 1px dotted #fff; }

/* ========================================================== 
	(02) Columns ( Grid System)
============================================================ */

.one-full, .one-half, .one-third , .one-fourth , .one-fifth, .one-sixth, .two-third, .three-fourth, .four-fifth, .five-sixth  { 	
	margin:0px 18px 10px 0; 
	float:left; 
	position:relative;}
	
.last { margin-right:0;}	
.one-full { width:960px; margin-right:0;}
.one-half { width:471px;}
.one-third { width:308px;}
.one-fourth { width:226px;}
.one-fifth { width:177px;}
.one-sixth { width:145px;}
.two-third { width:634px;}
.three-fourth { width:716px;}
.four-fifth { width:765px;}
.five-sixth { width:797px;}

/* ========================================================== 
	(03) Custom List Styles
============================================================ */

/* ==== Default List Styles ===================== */

.home-container ul, .inner-container ul {	
	padding:8px 0 8px 0; }	
	
.home-container ul li, .inner-container ul li { 
	background:url(../images/bullets/bullet-grey.png) no-repeat 0 6px;
	line-height:19px; 	
	padding-left:15px;
	margin-top: 5px; } 

.home-container ol, .inner-container ol {
	padding-left: 23px; }
	
.home-container ol, .inner-container ol li {
	padding:6px 0 0 0;
	line-height:19px;
	margin-top: 5px;
	list-style-type:decimal;
	list-style-position: outside; }	
	
.inner-container ol li ol li{
	line-height:19px;
	margin-top: 0px;
	list-style-type:square;
	list-style-position: outside; }	
	
/* ==== Custom List Styles ===================== */

ul.list-green li 		{ background:url(../images/bullets/bullet-green.png) no-repeat 0 6px; }	
ul.list-disc-green li 	{ background:url(../images/bullets/disc-green.png) no-repeat 0 6px; }

ul.list-blue li 		{ background:url(../images/bullets/bullet-blue.png) no-repeat 0 6px; }	
ul.list-disc-blue li 	{ background:url(../images/bullets/disc-blue.png) no-repeat 0 6px; }

ul.list-black li		{ background:url(../images/bullets/bullet-black.png) no-repeat 0 6px; }	
ul.list-disc-black li	{ background:url(../images/bullets/disc-black.png) no-repeat 0 6px; }

ul.list-red li 		{ background:url(../images/bullets/bullet-red.png) no-repeat 0 6px; }	
ul.list-disc-red li 	{ background:url(../images/bullets/disc-red.png) no-repeat 0 6px; }

ul.list-teal li		{ background:url(../images/bullets/bullet-teal.png) no-repeat 0 6px; }	
ul.list-disc-teal li 	{ background:url(../images/bullets/disc-teal.png) no-repeat 0 6px; }

ul.list-orange li		{ background:url(../images/bullets/bullet-orange.png) no-repeat 0 6px; }	
ul.list-disc-orange li	{ background:url(../images/bullets/disc-orange.png) no-repeat 0 6px; }

ul.list-grey li		{ background:url(../images/bullets/bullet-grey.png) no-repeat 0 6px; }	
ul.list-disc-grey li 	{ background:url(../images/bullets/disc-grey.png) no-repeat 0 6px; }

ul.list-brown li		{ background:url(../images/bullets/bullet-brown.png) no-repeat 0 6px; }	
ul.list-disc-brown li 	{ background:url(../images/bullets/disc-brown.png) no-repeat 0 6px; }

ul.list-yellow li 		{ background:url(../images/bullets/bullet-yellow.png) no-repeat 0 6px; }	
ul.list-disc-yellow li	{ background:url(../images/bullets/disc-yellow.png) no-repeat 0 6px; }

ul.list-pink li 		{ background:url(../images/bullets/bullet-pink.png) no-repeat 0 6px; }	
ul.list-disc-pink li 	{ background:url(../images/bullets/disc-pink.png) no-repeat 0 6px; }

ul.list-yellowstar li	{ background:url(../images/bullets/bullet-yellowstar.png) no-repeat 0 2px; padding-left:20px; }	
ul.list-bluestar li 	{ background:url(../images/bullets/bullet-bluestar.png) no-repeat 0 2px; padding-left:20px; }	

ul.list-circle li 	  	{ background:url(../images/bullets/bullet-circle.jpg) no-repeat 0 4px; padding-left:20px;  }	
ul.list-arrow-small li 	{ background:url(../images/bullets/bullet-arrow-small.png) no-repeat 0 7px; padding-left:14px; }

ul.list-arrow li 		{ background:url(../images/bullets/bullet-green-arrow.png) no-repeat 0 2px; padding-left:20px; }	
ul.list-arrow2 li		{ background:url(../images/bullets/bullet-green-arrow2.png) no-repeat 0 5px; padding-left:15px; }
	
ul.list-plus li		{ background:url(../images/bullets/bullet-plus.png) no-repeat 0 2px; padding-left:20px; }	
ul.list-minus li		{ background:url(../images/bullets/bullet-minus.png) no-repeat 0 2px; padding-left:20px; }
	
ul.list-checkmark li 	{ background:url(../images/bullets/bullet-checkmark.png) no-repeat 0 4px;padding-left:22px;  }
ul.list-checkmark2 li 	{ background:url(../images/bullets/bullet-checkmark2.png) no-repeat 0 2px;padding-left:22px;  }

/* ========================================================== 
	(04) Info Boxes
============================================================ */

p.info-box,p.warning-box,p.success-box,p.error-box,p.download-box,p.note-box { 
	clear:both;
	padding:18px 15px 18px 55px ; 
	margin-bottom:20px;
	border:1px solid; }
	
p.info-box{ 
	background:url(../images/icons/icon-info.png) no-repeat 15px 15px; 
	border-color:#9dbfea; 
	background-color:#c6ddfb; 
	color:#00357b;}
	
p.warning-box{ 
	background:url(../images/icons/icon-warning.png) no-repeat 15px 15px; 
	border-color:#e4c968; 
	background-color:#f9e497; 
	color:#6c5500;}
	
p.success-box{ 
	background:url(../images/icons/icon-success.png) no-repeat 15px 15px; 
	border-color:#bcd98c; 
	background-color:#dff1c1; 
	color:#00632e}
	
p.download-box{ 
	background:url(../images/icons/icon-download.png) no-repeat 15px 15px; 
	border-color:#bbd378; 
	background-color:#e8f5c5; color:#2f6903}
	
p.note-box{ 
	background:url(../images/icons/icon-note.png) no-repeat 15px 15px; 
	border-color:#cecece;  
	background-color:#efefef}
	
p.error-box{ 
	background:url(../images/icons/icon-error.png) no-repeat 15px 15px; 
	border-color:#f88787; 
	background-color:#fdafaf; 
	color:#820101;}

.hide-boxes{
	float:right;
	margin-top:0;
	margin-right:0;
	top:0;
	right:0;	
	cursor:pointer; 
	font-weight:bold;}
	
/* ========================================================== 
	(05) Services Icons List
============================================================ */

ul.services-icons, ul.services-icons li {
	background:none;
	margin:0;
	padding:10px 0 10px 0; }

.services-icons img { 
	margin:0 10px 10px 0;
	float:left;
	padding:0;}

.services-icons h5 { 	
	font-size:15px;	
	margin:0;}

.services-icons p { 
	font-size:13px; 
	overflow:hidden;}
	
/* ========================================================== 
	(06) Dropcaps
============================================================ */

.dropcap1, .dropcap2, .dropcap3, .dropcap4, .dropcap5, .dropcap6, .dropcap7, .dropcap8 { 
	float:left; 
	text-align:center; }
	
.dropcap1,.dropcap2,.dropcap3,.dropcap4 { 	 
	margin:0 7px 0 0; 
	font-size:28px; 		 
	width:44px; 
	height:43px;
	line-height:42px;}
	
.dropcap1 { background:url(../images/backgrounds/dropcap1.png) no-repeat left top; color:#616161; }		
.dropcap2 { background:url(../images/backgrounds/dropcap2.png) no-repeat left top; color:#fff; }
.dropcap3 { background:url(../images/backgrounds/dropcap3.png) no-repeat left top; color:#616161; }		
.dropcap4 { background:url(../images/backgrounds/dropcap4.png) no-repeat left top; color:#fff; }		
	
.dropcap5,.dropcap6, .dropcap7{ 
	padding:0 10px 0 10px; 
	margin:0 7px 0 0; 
	font-size:26px; 	
	width:auto; 
	height:41px;
	line-height:41px;
	letter-spacing:1px;}
	
.dropcap5 { background:url(../images/backgrounds/dropcap-bg1.png) repeat-x left bottom; 	color:#616161; border:1px solid #dedede; }
.dropcap6 { background:url(../images/backgrounds/dropcap-bg2.png) repeat-x left bottom; 	color:#fff; border:1px solid #555; }
.dropcap7 { 
	background-color:#f1f1f1; 
	color:#616161;  
	border:3px solid #dadada;
	height:37px;
	line-height:37px;}	
	
.dropcap8 { 
	padding:11px 10px 0 10px; 
	font-size:36px; 	
	color:#616161; }

/* ========================================================== 
	(07) Text Highlighting
============================================================ */

.highlight-yellow,.highlight-black,.highlight-green,.highlight-blue,.highlight-red,.highlight-grey { 
	padding:0 5px 0 5px; 
	height:20px;
	border:1px solid; 
	color:#fff;}

.highlight-yellow { background-color:#FFFF00; border-color:#f0f000; color:#000;}
.highlight-black   { background-color:#010101; border-color:#000;}
.highlight-green   { background-color:#009900; border-color:#006e00;}
.highlight-blue     { background-color:#1b98da; border-color:#0074aa;}
.highlight-red       { background-color:#c80000; border-color:#890101;}
.highlight-grey     { background-color:#e6e4e4; border-color:#d4d4d4; color:#000;}

/* ========================================================== 
	(08) Pull Quotes
============================================================ */

.pullquote-left, .pullquote-right { 
	background:url(../images/backgrounds/pullquote1.jpg) repeat-y; 	
	width:30%; 
	line-height:22px; 
	padding-left:20px; 
	color:#8c8c8c; 
	font-style:italic; 
	font-size:15px; 
	font-weight:bold;}
	
.pullquote-left { 	
	float:left; 	
	margin:20px 15px 20px 0;}
	
.pullquote-right {	
	float:right; 	
	margin:20px 0 20px 15px;}

/* ========================================================== 
	(09) Block Quotes
============================================================ */

.blockquote1, .blockquote2 {
	line-height:24px; 
	font-style:italic; 
	margin:10px 0 10px 0;
	font-size:15px; 
	font-weight:bold;}
	
.blockquote1 {
	border-style:solid; 
	border-color:#cecece; 
	border-width:1px 1px 1px 5px; 
	background-color:#efefef; 
	padding:10px 10px 10px 20px; 	
	color:#797979; }
	
.blockquote2 { 
	background:url(../images/backgrounds/open-quote.gif) no-repeat left top; 
	padding-left: 30px; 
	font-style: italic;
	padding:10px 10px 10px 50px; 	
	color:#8c8c8c; }

/* ========================================================== 
	(10) Image Left & Right Frames
============================================================ */

.frame, .frame-left, .frame-right { 			
	position:relative;
	padding:6px; 
	border:1px solid #dddddd; 
	background-color:#f5f5f5;}

.frame-left   { float:left;  margin:10px 20px 10px 0;  }	
.frame-right { float:right; margin:10px 0 10px 20px;}

.large-footer .frame, .large-footer .frame-left, .large-footer .frame-right { 			
	position:relative;
	padding:2px; 
	border:1px solid #dddddd; 
	background-color:#f5f5f5;}

.large-footer .frame-left   { float:left;  margin:5px 10px 5px 0;  }	
.large-footer .frame-right { float:right; margin:5px 0 5px 10px;}
	
/* ========================================================== 
	(11) Image Hover Zoom, Play, Doc & Flash Icons
============================================================ */

.zoom-icon, .play-icon, .doc-icon, .flash-icon { background-position:50% 50%; background-repeat:no-repeat;}
.zoom-icon   { background-image:url(../images/icons/zoom.png)}
.play-icon   { background-image:url(../images/icons/play.png) }
.doc-icon     { background-image:url(../images/icons/doc.png) }
.flash-icon { background-image:url(../images/icons/flash.png) }

/* ========================================================== 
	(12) Image Tooltip
============================================================ */

.stickytooltip{
	background:url(../images/backgrounds/tooltip_bg.png);
	display:none; /*--Hides by default--*/
	position:absolute;
	display:none;		
	padding:8px;	
	z-index:3000;}
	
.stickytooltip p { margin:0;}
	
.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
	background:black;
	color:white;
	padding-top:5px;
	text-align:center;
	font:bold 11px Arial;	}

/* ========================================================== 
	(13) Go Top Link
============================================================ */

.gotop a, .gotop a:active,.gotop2 a, .gotop2 a:active { 	
	text-decoration:none; 
	font-size:11px; 
	float:right;
	height:20px; }
	
.gotop a, .gotop a:active {color:#b9b9b9; }
.gotop2 a, .gotop2 a:active {color:#fff}	
	
.gotop a:hover { color:#363636; }
.gotop2 a:hover {color:#c1eeff; }

.gotopimg { 
	background:none!important;
	width:24px;
	display:inline-block;
	bottom:10px;
	height:24px;
	-ms-filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,enabled=true,src='../images/backgrounds/up.png');
	filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,enabled=true,src='../images/backgrounds/up.png');}
	
/* ========================================================== 
	(14) Testimonials
============================================================ */

.testimonials1 {
	margin:15px 0 10px 0; 
	padding:0 0 20px 0; 
	border-bottom:1px solid #E2E2E2; 
	height:100%; 
	float:left;}
	
.testimonials_text {overflow:hidden;}

.testimonials-bold {
	font-size:16px; 
	font-weight:normal; 
	color:#3f3f3f; 
	line-height:24px;}	

.testimonials1 span,.testimonials2 span  {
	font-size:14px; 
	font-weight:bold; 
	color:#5E5E5E;}
	
.testimonials2 {
	background:url(../images/backgrounds/testimonials-bg.jpg) no-repeat 14px 10px; 
	margin:15px 0 25px 0; 
	padding:0 0 20px 70px; 
	border-bottom:1px solid #E2E2E2; 
	height:100%; 
	clear:both;}

/* ========================================================== 
	(15) Table
============================================================ */

th{
	height:35px; 
	background:#939393; 
	font-size:16px; 
	font-weight:normal; 
	color:#fff; 
	text-align:center;
	border-left:1px solid #fff;}
	
.td1,.td2 { 
	font-size:12px; 
	font-weight:normal; 
	color:#5E5E5E; 
	text-align:center; 
	text-indent:10px; 
	line-height:35px;
	text-shadow: 1px 1px 0 #fff;}
	
.td1 {background:#fefefe;}
.td2 { background:#f3f2f2;}
.col-width{ width:150px;}

.td1:hover,.td2:hover{
	background:#e3e3e3; 
	color:#383838;}	

/* ========================================================== 
	(16) Tab Styles
============================================================ */

ul.tabs { 
	margin:10px 0 0 0;
	padding: 0; 
	float: left; 
	list-style: none; 
	height: 31px; 
	border-bottom: 1px solid #d6d6d6; 
	width: 100%; }
	
ul.tabs li { 
	float: left; 
	margin: 0; 
	padding: 0; 
	height: 30px; 
	line-height: 31px; 
	border: 1px solid #d6d6d6; 
	margin-bottom: -1px; 
	background: url(../images/backgrounds/tab_bg.jpg) repeat-x; 
	overflow: hidden; 
	position: relative; 
	margin-right:2px; 
	-moz-border-radius-topright: 3px;  
	-khtml-border-radius-topright: 3px; 
	-webkit-border-top-right-radius: 3px; 
	-moz-border-radius-topleft: 3px; 
	-khtml-border-radius-topleft: 3px; 
	-webkit-border-top-left-radius: 3px; }

ul.tabs li a { 
	text-decoration: none; 
	color:#363636; 
	display: block; 
	font-size: 10px; 
	padding: 0 18px; 
	outline: none; }	

ul.tabs li a:hover { background: url(../images/backgrounds/tab_bg2.jpg) repeat-x;}	

html ul.tabs li.active, html ul.tabs li.active a:hover  { 
	background: #fefefe; 
	border-bottom: 1px solid #fff; 
	font-weight:bold;  }

.tab_container { 
	border: 1px solid #d6d6d6; padding:0; margin:0;
	border-top: none; 
	clear: both; 	
	float: left;  
	width: 100%; 
	background: #fefefe; 
	-moz-border-radius-bottomright: 3px; 
	-khtml-border-radius-bottomright: 3px; 
	-webkit-border-bottom-right-radius: 3px; 
	-moz-border-radius-bottomleft: 3px; 
	-khtml-border-radius-bottomleft: 3px; 
	-webkit-border-bottom-left-radius: 3px;}

.tab_content { padding: 20px; color:#505050}

/* ========================================================== 
	(17) Toggle1 Content
============================================================ */

.trigger, .acc_trigger, .trigger, .acc_trigger { margin-bottom:2px;}

p.trigger, p.acc_trigger{ clear:both;
	padding:0;  
	margin:0 0 2px 0;  
	background: url(../images/backgrounds/toggle_bg.jpg) no-repeat;  
	height: 34px;  
	line-height: 34px; 
	width: 100%; 
	float: left; 
	border: 1px solid #d6d6d6; }
	
p.trigger a, p.acc_trigger a { clear:both;
	color: #606060; 
	font-size: 14px; 	
	text-indent:35px; 
	text-decoration: none; 
	display: block; 
	font-size:16px;
	height: 34px;  
	line-height: 34px;  }
	
p.trigger a:hover, p.acc_trigger a:hover { color: #363636; }

p.active a{background: url(../images/backgrounds/toggle_bg.jpg) no-repeat left bottom;color:#363636;}

.toggle_container, .acc_container { 
	margin: 0 0 5px 0; 
	padding: 0; 
	overflow: hidden; 
	width: auto; 
	clear: both; 
	border: 1px solid #d6d6d6;
	background-color:#f8f8f8; }
	
.toggle_container .block , .acc_container .block { 
	padding: 15px 15px 5px 15px; 
	margin:0; }

p.trigger2, p.acc_trigger2{ 
	padding: 0;  
	margin:0 0 2px 0; 
	background: url(../images/backgrounds/plus.png) no-repeat 10px 9px;  
	height: 34px;  
	line-height: 34px; 
	width: 100%; 
	float: left; }
	
p.trigger2 a, p.acc_trigger2 a { 
	color: #606060; 
	font-size: 17px; 	
	text-indent:35px; 
	text-decoration: none; 
	display: block; 
	margin-bottom:0; }
	
p.active2 a { background: url(../images/backgrounds/minus.png) no-repeat 10px 9px; color:#363636;}

p.trigger2 a:hover, p.acc_trigger2 a:hover { color: #363636; }

.toggle_container2, .acc_container2 { 
	margin: 0 0 5px 38px;
	padding: 0; 
	overflow: hidden; 
	width: auto; 
	clear: both; }
	
.toggle_container2 .block2, .acc_container2 .block2{ 
	padding: 15px 15px 5px 15px; 
	margin:0; }

/* ========================================================== 
	(18) Buttons
============================================================ */

/* ==== (a) Buttons Size 1 to Size 6 ===================== */

a.button_size1, a.button_size2, a.button_size3, a.button_size4, a.button_size5, a.button_size6{ 
	float:left; 
	padding-left:5px; 
	text-decoration: none; 
	outline:none; 
	color:#fff; 
	cursor:pointer; 
	font-weight:normal; 
	background-repeat:no-repeat; 
	background-position:top left; }
	
a.button_size1, a.button_size1 span, a.button_size2, a.button_size2 span, a.button_size3, a.button_size3 span, a.button_size4, a.button_size4 span, a.button_size5, a.button_size5 span, a.button_size6, a.button_size6 span {
	display: block; 
	background-repeat:no-repeat }

a.button_size1 { background:url(../images/backgrounds/btn1_left.png); font-size:12px; line-height:23px; height:23px;}
a.button_size2 { background:url(../images/backgrounds/btn2_left.png); font-size:12px; line-height:27px; height:27px;}
a.button_size3 { background:url(../images/backgrounds/btn3_left.png); font-size:15px; line-height:31px; height:31px;}
a.button_size4 { background:url(../images/backgrounds/btn4_left.png); font-size:18px; line-height:38px; height:38px;}
a.button_size5 { background:url(../images/backgrounds/btn5_left.png); font-size:24px; line-height:48px; height:48px;}
a.button_size6 { background:url(../images/backgrounds/btn6_left.png); font-size:30px; line-height:58px; height:58px;}

a.button_size1 span{ background:url(../images/backgrounds/btn1_right.png) top right; padding:0 10px 0 5px; }
a.button_size2 span{ background:url(../images/backgrounds/btn2_right.png) top right; padding:0 11px 0 7px; }
a.button_size3 span{ background:url(../images/backgrounds/btn3_right.png) top right; padding:0 14px 0 9px; }
a.button_size4 span{ background:url(../images/backgrounds/btn4_right.png) top right; padding:0 17px 0 12px; }
a.button_size5 span{ background:url(../images/backgrounds/btn5_right.png) top right; padding:0 21px 0 15px; }
a.button_size6 span{ background:url(../images/backgrounds/btn6_right.png) top right; padding:0 25px 0 18px; }

a.button_size1, a.button_size1 span, a.button_size2, a.button_size2 span, a.button_size3, a.button_size3 span, a.button_size4, a.button_size4 span, a.button_size5, a.button_size5 span, a.button_size6, a.button_size6 span 
{ background-color:#666;} /* Button Background color*/

a.button_size1:hover, a.button_size1:hover span, a.button_size2:hover, a.button_size2:hover span, a.button_size3:hover, a.button_size3:hover span, a.button_size4:hover, a.button_size4:hover span, a.button_size5:hover, a.button_size5:hover span, a.button_size6:hover, a.button_size6:hover span 
{ background-color:#565656; } /* Button hover background color*/	
	
/* ==== Button ===================== */

button { 	
	cursor: pointer;
	overflow: visible; 
	position: relative;}
	
button span { 	
	display: block;	
	white-space: nowrap; 
	height:37px;	
	position: relative;}
	
button::-moz-focus-inner { border: none;} /* span’s offset in firefox */

/* ==== (b) Black Buttons ===================== */

button.blackButton,a.blackButton { 	
	background:url("../images/backgrounds/black-button.png") no-repeat right -39px;	
	padding-right:18px; 
	text-align: center; 
	margin:0; 
	outline: none; 
	border: 0;}	
	
button.blackButton span,a.blackButton span { 	
	background:url("../images/backgrounds/black-button.png") no-repeat left 0; 
	padding-left:15px; 	
	color: #e0e0e0; 
	font-size: 13px;  
	line-height: 32px; 	
	text-shadow: 1px 1px 0 #000; 
	position: relative; }	
	
button.blackButton:hover,a.blackButton:hover{ background-position: right -117px;}	

button.blackButton:hover span,a.blackButton:hover span{ 
	background-position: left -78px; 
	color: #fff; 
	text-shadow: 1px 1px 0 #000;	}
	
/*******/
	
a.blackButton,a.blackButton2,a.blackButton3 {	 
	clear:both;
	float:left;
	text-decoration:none; 
	height:36px;}	
	
a.blackButton span,a.blackButton2 span,a.blackButton3 span {	
	display:block; 
	text-decoration:none; 
	height:36px;}

button.blackButton2, button.blackButton3, a.blackButton2, a.blackButton3{ 
	background:url("../images/backgrounds/form_button.gif") no-repeat right -39px; 	
	padding-right:30px; 
	text-align: center; 
	margin-right:4px; 
	outline: none; 
	border: 0;}	
	
button.blackButton2 span, button.blackButton3 span, a.blackButton2 span, a.blackButton3 span { 	
	background:url("../images/backgrounds/form_button.gif") no-repeat 0 0; 
	padding-left:25px; 	
	color: #e0e0e0; 
	font-size: 13px;  
	line-height: 32px; 	
	text-shadow: 1px 1px 0 #000; 
	position: relative; }	
	
button.blackButton2:hover, button.blackButton3:hover, a.blackButton2:hover, a.blackButton3:hover { 
	background-position: right -117px;}	
	
button.blackButton2:hover span, button.blackButton3:hover span, a.blackButton2:hover span , a.blackButton3:hover span{ 
	background-position: 0 -78px; 
	color: #fff; 
	text-shadow: 1px 1px 0 #000;}

button.blackButton2, a.blackButton2 {padding-right:18px;}

button.blackButton2 span, a.blackButton2 span {padding-left:15px;}

/* ==== (c) Grey Button ===================== */

button.button-grey,a.button-grey{ 	
	float:left; 
	padding-left: 5px; 
	text-decoration: none; 
	outline:none; 
	color:#404040; 
	cursor:pointer; 
	display: block;
	background: url(../images/backgrounds/btn_gray_left.jpg) no-repeat top left;  
	font-size: 13px; 
	font-weight:normal; 
	line-height: 24px; 
	height: 27px; 
	margin:10px 0 0 0; 
	font-style:italic;
	border:none;}
	
button.button-grey span,a.button-grey span{ 
	background:url(../images/backgrounds/btn_gray_right.jpg) right top no-repeat; 
	padding: 0 28px 0 5px; 
	display:block; 
	height: 27px; 
	text-shadow: 1px 1px 0 #fff;
	font-family:"Trebuchet MS", Arial, Helvetica;
	line-height: 24px; 	}
	
button.button-grey,a.button-grey:hover, a.button-gray:hover span { 
	color:#363636; 
	text-decoration:none; }

/* ==== (d) Footer Button ===================== */

button.footerButton, a.footerButton {	
	background:url("../images/backgrounds/footer-button.png") no-repeat right -50px; 
	padding-right:43px; 
	text-align: center; 
	margin-right:0; 
	outline: none; 
	border: 0; 	
	cursor: pointer;}	
	
button.footerButton span, a.footerButton span {	
	background:url("../images/backgrounds/footer-button.png") no-repeat left 0; 
	padding-left:16px; 
	color: #fff; 
	font-size: 14px;  
	line-height: 28px; 
	text-shadow: 1px 1px 0 #282828; 
	position: relative; 
	letter-spacing:1px; 
	font-family:"Trebuchet MS", Arial, Helvetica;  }
	
button.footerButton:hover, a.footerButton:hover { background-position: right -150px;}	

button.footerButton:hover span , a.footerButton:hover span { 
	background-position: left -100px; 
	color: #fff; 
	text-shadow: 1px 1px 0 #282828;}
	
a.footerButton {	 
	float:left;
	text-decoration:none; 
	height:30px;}	
	
a.footerButton span {
	display:block; 
	text-decoration:none; 
	height:30px;}

/* ========================================================== 
	(19) Popup Login
============================================================ */

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .30;
	z-index: 9999;}
	
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fefefe;
	padding: 0 10px 10px 10px;
	border: 10px solid #e8e8e8;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;	
	-webkit-box-shadow: 0 0 10px #6c6c6c;
	-moz-box-shadow: 0 0 10px #6c6c6c;
	box-shadow: 0 0 10px #6c6c6c;}
	
.btn_close {
	float: right;
	margin: -25px -35px 0 0;
	background:url(../images/icons/close.png) no-repeat;
	text-indent:-9999px;
	height:36px;
	width:36px;
	display:block;}

*html #fade { position: absolute;}
*html .popup_block { position: absolute; }

#member-login {
	padding:0 0 0 147px;
	margin:0 10px 0 10px;
	position:relative;	
	background:url(../images/backgrounds/login-icon.jpg) no-repeat 0 20px;}

#member-login h1 {
	color:#363636;
	font-size:22px;
	margin-bottom:13px;
	font-weight:normal;}

div#username, div#password { margin-bottom:5px;}

input#loginUsername, input#loginPassword {
	width:209px;
	height:31px;
	line-height:31px;
	padding-left:5px;
	margin-bottom:10px;
	border:none;
	background:url(../images/backgrounds/login-input.jpg) repeat-x;	}

label.overlabel {
	color:#9e9e9e;
	padding:5px 0 0 7px;
	position:absolute;	
	z-index:1;
	color:#999;}
	
.login-hr {
	border-bottom:1px solid #e0e0e0; 
	margin-top:10px;}

.member-login-bottom  a:hover { color:#373737;}

.member-login-bottom,.member-login-bottom a{ 	
	margin:10px 0 0 5px;
	font-size:13px; 
	color:#8a8a8a; 
	text-decoration:none;}
	
	.cal_Theme1
{
    background-color: Olive;
    width: auto;
    text-align: center;
    font-size: xx-small;
    margin: auto
    
}